@media screen and (max-width: 1300px){
	.index_nav_wrap .index_nav,
	.index_content,
	.footer_content,
	.product_content{
		width: 1200px;
	}
	.about_content li{
		width: 350px;
	}
	.about_content li.auobt_center{
		margin: 0 75px;
	}
	.about_list .text{
		height: 340px;
	}
	.footer_content .footer_nav .about_us,
	.footer_content .footer_nav .home,
	.footer_content .footer_nav .news{
		width: 15%;
	}
	.footer_content .footer_nav .product{
		width: 30%;
	}
	.footer_content .footer_nav .case_study{
		width: 25%;
	}
	.product_content .right{
		width: 780px;
	}
	.product_left_nav{
		left: 20px;
	}
}

@media screen and (max-width: 1200px){
	.index_nav_wrap .index_nav,
	.index_content,
	.footer_content,
	.product_content{
		width: 1100px;
	}
	
	.about_content li.auobt_center{
		margin: 0 25px;
	}
	.product_content .right{
		width: 680px;
	}
}
@media screen and (max-width: 1100px){
	.index_nav_wrap .index_nav,
	.index_content,
	.footer_content,
	.product_content{
		width: 1000px;
	}
	.index_nav_wrap .index_nav .logo{
		margin-left: 20px;
	}
	.index_nav_wrap .index_nav ul li{
		padding: 0 10px;
	}
	.banner_text p{
		font-size: 50px;
	}
	.banner_text span{
		font-size: 30px;
	}
	.about_content li{
		width: 316px;
	}
	.about_list .text{
		height: 390px;
	}
	.about_list .top img{
		filter: blur(0px);
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
	}
	
	.product_content .right{
		width: 580px;
	}
	
	.product_content .right .class_name li{
		margin-right: 20px;
    padding: 2px 0px 2px 10px;
	}
	
}
@media screen and (max-width: 800px){
	.index_nav_wrap .index_nav,
	.index_content,
	.footer_content{
		width: 100%;
	}
	.index_nav_wrap .index_nav ul li{
		padding: 0;
	}
	.index_nav_wrap .index_nav .language{
		width: 60px;
		background-position: center!important;
	}
	.about_content li{
		float: none;
		width: 95%;
		margin: 0 auto!important;
	}
	.about_list .text{
		height: auto;
		padding-bottom: 30px;
	}
	.about_list{
		margin-bottom: 20px;
	}
	.about_content li:hover{
		box-shadow: 0;
	}
	.index_content_wrap{
		padding: 50px 0;
	}
	.footer_nav{
		padding: 0 20px;
	}
	.footer_nav li{
		width: 100%!important;
		float: none;
	}
	.footer_nav li .child a{
		float: left;
		display: inline-block;
		padding-right: 50px;
		width: auto;
	}
	.footer_tel{
		padding: 20px;
	}
}
@media screen and (min-width:320px) and (max-width:730px){
	
}